<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>


        // 箭头函数没有自己的this指向 --- 父函数指谁就指向谁  

        //    不是所有的函数都使用箭头函数
        //    在事件处理函数或者对象的方法的时候还是使用普通函数  -- 如果里面有嵌套其他函数就使用箭头函数(为了保证this指向不变)

        //    如果用不到this  函数随便用 --- 可以使用箭头函数




        // const f = () => {
        //     console.log(this);
        // }

        // f()


        // document.onclick = () => {
        //     console.log(this);   // window
        // }



        document.onclick = function () {
            console.log(this);    // document
            setTimeout(() => {
                console.log(this);   // document
            })
        }



        const obj = {
            name: 'cc',
            say: () => {
                console.log(this);   // window
            },
            fn: function () {
                console.log(this);  // obj 
                setTimeout(() => {
                    console.log(this);   // obj
                })
            }
        }

        obj.fn()

    </script>

</body>

</html>